<template>
	<view class="cardBox" style="padding: 0 10px 0 0;">
		<view class="flex" style="margin-top: 10rpx;">
			<view class="biao" style="width: 100%;display: flex;">
				<span class="biao_span">1</span> 
				<text class="cardTitle" style="width: 79%;line-height: 27px;">{{text.xieyi}} </text> 
			</view>
			<view class="jiantou" style="height: auto;line-height: unset; font-weight: 500;">
				>
			</view>
		</view>
		<!-- <view style="height: 10rpx;width: 100%;"></view> -->
	</view>
</template>

<script>
	import {HTTP_REQUEST_URL,HTTP_IMG_UTL,IMAGE_URL} from "@/config/app";
	
	export default {
		components: {
			
		},
		data() {
			return {
				//远程域名
				HTTP_IMG_UTL,
				HTTP_REQUEST_URL,
				IMAGE_URL,
				url: IMAGE_URL,
				
				//语言
				lang: this.$i18n.locale,
				//文字
				text:{			
					xieyi:this.$t('合作协议')
				},
			}
		}
	}
</script>

<style lang="scss">
	.cardBox {
		width: 94%;
		margin: 0 auto;
		margin-top: 30rpx;
		box-shadow: 0 0 10px #ddd;
		background: #ddd;
		padding: 10rpx 20rpx;
		border-radius: 20rpx;
		background: #fff;
		margin-bottom: 30rpx;
		position: relative;
	}
	.cardTitle{font-size: 24rpx; width: 94%;padding-top: 6rpx;}
	.flex{width: 100%;display: flex;}
	.biao{margin-top: 0rpx; width: 80%; margin-left: 0rpx;font-size: 30rpx;  font-weight: bold;}
	.biao_span{
		color:#fff ; 
		font-size: 18px; 
		margin-right: 5px;
		background: #3e72ff;
		width: 30px;
		height: 30px;
		border-radius: 8px 0 0 8px;
		text-align: center;
		line-height: 30px;
	}
	.jiantou{text-align: right; height: 100rpx; line-height: 100rpx; font-size: 36rpx;color: #666;}
	.jiantou2{text-align: right; height: 100rpx; color: #666;height: auto; font-size: 28rpx; margin-left: 20rpx; line-height: unset; font-weight: 500;}
</style>